<template>
    <div class="zero">
<!--    海报    -->
        <div class="banner">
            <banner></banner>
        </div>
<!--   热门商品     -->
        <div class="popular">
            <houem></houem>
        </div>
<!--   专题     -->
        <div class="special">
            <index_two></index_two>
        </div>
<!--    购物袋    -->
        <div class="buy_bag">
            <index_shopping></index_shopping>
        </div>
<!--     人气商品   -->
        <div class="category">
            <zxc></zxc>
        </div>
<!--    热门商品二    -->
        <div class="popular_two">
            <shopping_classily-two></shopping_classily-two>
        </div>
    </div>
</template>

<script>

    import banner from "./ljy/index";
    import Houem from "../Hxl/houem";
    import Index_two from "./ljy/index_two";
    import Index_shopping from "./ljy/index_shopping";
    import Zxc from "./zhy/zxc";
    import Shopping_classily from "./ljy/shopping_classily";
    import Shopping_classilyTwo from "./ljy/shopping_classilyTwo";
    export default {
        name: "index",
        components: {Shopping_classilyTwo, Shopping_classily, Zxc, Index_shopping, Index_two, Houem, banner},
        data() {
            return {

            }
        }
    }
</script>

<style lang="scss" scoped>
.zero{
    width: 100%;
    margin: 0 auto;
    .banner{
        margin-top: 10px;
    }
    .popular{
        text-align: center;
    }
    .special{
        text-align: center;
        margin-left: -40px;
    }
    .popular_two{
        margin: 0 auto;
    }
    .category{
        width: 1200px;
        margin: 0 auto;
    }

}
</style>
